<template>
  <div class="content">
    <div class="content-left">
      <ContentNav/>
    </div>
    <div class="content-right">
      <ContentShow/>
    </div>
  </div>
</template>

<script>
import ContentNav from './ContentNa.vue'
import ContentShow from './ContentShow.vue'
export default {
  name:'Content',
  components:{
    ContentNav,
    ContentShow
  }
}
</script>

<style scoped lang="scss">
.content{
  width: 70%;
  height: 100vh;
  display: flex;
  justify-content:space-between;
  margin: 0 auto;
  .content-left{
    min-width: 30%;
    width:auto;
    height: auto;
    // background-color: aqua;
  }
  .content-right{
    width: 70%;
    height: auto;
  }
}
</style>